<div class="left-sidebar">
    <div class="left-sidebar-header">
        <div class="left-sidebar-title">导航</div>
        <div class="left-sidebar-toggle c-hamburger c-hamburger--htla hidden-xs" data-toggle-class="left-sidebar-collapsed" data-target="html">
            <span></span>
        </div>
    </div>
    <#if request.requestUri??>
        <#assign menuPath=request.requestUri?substring(base?length+1,request.requestUri?length)/>
        <#if menuPath??>
            <#if menuPath?index_of('/',2) !=-1>
                <#assign reMenuPath=menuPath?substring(0,menuPath?index_of('/',2))/>
            <#else>
                <#assign reMenuPath=''/>
            </#if>
        </#if>
    </#if>
    <div id="left-nav" class="nano">
        <input id="menuPath" type="hidden" value="${menuPath}">
        <input id="baseUrl" type="hidden" value="${base}">
        <div class="nano-content">
            <nav>
                <ul class="nav" id="main-nav">
                    <li class="active-item"><a href="${base}/index"><i class="fa fa-home" aria-hidden="true"></i><span>首页</span></a></li>
                    <li v-for="catalog in list" class="has-child-item close-item">
                        <a><i v-bind:class="catalog.icon" aria-hidden="true"></i><span>{{catalog.name}}</span></a>
                        <ul class="nav child-nav level-1">
                            <li v-bind:id="menu.url" v-for="menu in catalog.list">
                                <a v-bind:href="'${base}/'+menu.url">
                                    <i v-bind:class="menu.icon" style="font-size: 14px" aria-hidden="true"></i>
                                    <span>{{menu.name}}</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                   <li class="has-child-item open-item">
                        <a><i class="fa fa-pie-chart" aria-hidden="true"></i><span>基础管理${menuPath}</span></a>
                        <ul class="nav child-nav level-1">
                            <li><a href="#">CharJS</a></li>
                            <li><a href="charts_morris.html">Morris</a></li>
                        </ul>
                    </li>
                   <#-- <li class="has-child-item close-item">
                        <a><i class="fa fa-columns" aria-hidden="true"></i><span>商品管理</span></a>
                        <ul class="nav child-nav level-1">
                            <li><a href="forms_layouts.html">Layouts</a></li>
                            <li><a href="forms_elements.html">Elements</a></li>
                            <li><a href="forms_advanced.html">Advanced</a></li>
                            <li><a href="forms_validation.html">Validation</a></li>
                        </ul>
                    </li>
                    <li class="has-child-item close-item">
                        <a><i class="fa fa-table" aria-hidden="true"></i><span>交易管理</span></a>
                        <ul class="nav child-nav level-1">
                            <li><a href="tables_basic.html">Basic</a></li>
                            <li><a href="tables_data-tables.html">DataTable</a></li>
                            <li><a href="tables_responsive.html">Responsive</a></li>
                        </ul>
                    </li>-->
                </ul>
            </nav>
        </div>
    </div>
</div>
